<!DOCTYPE html>
<!--[if IE]><![endif]-->
<!--[if lt IE 7 ]><html lang="es" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>	<html lang="es" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>	<html lang="es" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>	<html lang="es" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="es" class="no-js"> <!--<![endif]-->
    <head>
        <title><g:layoutTitle default="Infomap" /></title>
        <link rel="stylesheet" href="${resource(dir:'css',file:'main.css')}" />
        <link rel="stylesheet" href="${resource(dir:'css',file:'menu.css')}" />
        <!--<link rel="stylesheet" href="${resource(dir:'css',file:'chico-0.8.0-1.css')}" />-->
        <!--<link rel="stylesheet" href="${resource(dir:'css',file:'mesh-0.8.0-1.css')}" />-->
        <link rel="shortcut icon" href="${resource(dir:'images',file:'infomapicon.ico')}" type="image/x-icon" />

        <g:layoutHead />
        <g:javascript library="application" />
        <resource:include components="reflectionImage" />
    </head>

    <body>

        <div id="spinner" class="spinner" style="display:none;">
            <img src="${resource(dir:'images',file:'spinner.gif')}" alt="${message(code:'spinner.alt',default:'Loading...')}" />
        </div>

        <div class="logo">
            <g:link controller="map" action="index">
                <img src="${resource(dir:'images',file:'logo3.jpg')}" alt="Infomap" border="0" />
            </g:link>
        </div>

        <div id="menu_cont" class="menu">
            <ul>
                <li> <g:link controller="map" action="index">Home</g:link> </li>
                <li>
                    <g:link controller="map" action="index">Ver mapa</g:link>
                    <ul>
                        <li> <g:link controller="map" action="index">Incidentes</g:link> </li>
                        <li> <g:link controller="map" action="bicisendas">Bicisendas</g:link> </li>
                    </ul>
                </li>
                <li> <g:link controller="map" action="servicios">Ver estado servicios</g:link> </li>
                <g:if test="${session.user}">
                    <li> <a href="#">Mis datos</a>
                        <ul>
                            <li><g:link controller="usuario" action="listRecorridos">Mis recorridos</g:link></li>
                            <li><g:link controller="usuario" action="editZonas">Mis zonas</g:link></li>
                            <li><g:link controller="usuario" action="editServicios">Mis servicios</g:link> </li>
                        </ul>
                    </li>
                    <li> <g:link controller="usuario" action="logout">Salir</g:link> </li>
                </g:if>
                <g:else>
                    <li> <g:link controller="usuario" action="create">Registrate</g:link> </li>
                    <li> <g:link controller="usuario" action="login">Login</g:link> </li>
                </g:else>
            </ul>
        </div>

        <div class="box">
            <g:layoutBody />
        </div>

        <div class="pie">
            <center>
                Infomap 2011.
            </center>
        </div>

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script src="${resource(dir:'js', file:'jquery.js')}" ></script>
        <script src="${resource(dir:'js', file:'chico.js')}" ></script>
        <script>
          var menu = $("#p_menu").menu();
        </script>
    </body>
</html>